import React, { useState, useEffect } from "react";
import { NavBar, Switch } from 'antd-mobile'
import { useNavigate } from "react-router-dom"
import "../css/zyh_zhaq.css"
import axios from "../../utils/http"

const Zyh_zhaq = () => {
    const router = useNavigate()
    const back = () => {
        router("/zyh/xtsz")
    }
    // const [data,setdata] = useState({
    //     username:"",
    // })
    const [data,setdata] = useState({})
    const getdata = async() => {
        axios.post("/Zyh/showusers").then(res=>{
            setdata(res.data.data)
            console.log(res.data.data);
        })
    }
    useEffect(() => {
        // getdata()
    },[])
    return (
        <div className="zyh_zhaq">
            <NavBar onBack={back} style={{ color: "white" }}>账号安全</NavBar>
            <div className="zyh_zhaq_content">
                <div>
                    <div>账号</div>
                    <div>
                        {123456789}
                    </div>
                </div>
                <div>
                    <div>账号安全</div>
                    <div className="zyh_zhaq_ping">
                        <span>已认证</span>
                        <span><svg t="1735812848960" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12954" width="20" height="12"><path d="M248.202343 944.153579l427.169777-404.239881-424.460455-410.236514a44.866373 44.866373 0 0 1 0.171591-65.384972c18.911068-18.062147 49.508345-18.179551 68.365226 4.515537l452.790932 432.967726c6.105006 6.529466 13.113119 14.260065 14.287158 18.441452 7.15261 16.987449 3.612429 37.876322-10.737946 55.035362L316.721098 1014.32502c-18.965254 13.54661-49.752184 13.600797-68.708407-4.515537s-18.784633-47.503447 0.198683-65.682997z m0 0" fill="#bfbfbf" p-id="12955"></path></svg></span>
                    </div>
                </div>
                <div>
                    <div>登录密码</div>
                    <div>
                        <svg t="1735812848960" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12954" width="20" height="12"><path d="M248.202343 944.153579l427.169777-404.239881-424.460455-410.236514a44.866373 44.866373 0 0 1 0.171591-65.384972c18.911068-18.062147 49.508345-18.179551 68.365226 4.515537l452.790932 432.967726c6.105006 6.529466 13.113119 14.260065 14.287158 18.441452 7.15261 16.987449 3.612429 37.876322-10.737946 55.035362L316.721098 1014.32502c-18.965254 13.54661-49.752184 13.600797-68.708407-4.515537s-18.784633-47.503447 0.198683-65.682997z m0 0" fill="#bfbfbf" p-id="12955"></path></svg>
                    </div>
                </div>
                <div>
                    <div>显示手机号</div>
                    <div>
                        <Switch />
                    </div>
                </div>
                <div>
                    <div>显示微信号</div>
                    <div>
                        <Switch />
                    </div>
                </div>
                <div>
                    <div>个性化推荐</div>
                    <div>
                        <Switch />
                    </div>
                </div>
            </div>
        </div>
    )
}
export default Zyh_zhaq